﻿<div ng-controller="uploadImageController">
    <h1>
        {{uploadImageTitle}}
    </h1>
    <div id="uploadImageFormWrapper">

        <div id="createNewAlbumWrapper">
            <div id="createAlbumWrapper">
                <label>Add New Album</label>
                <input type="text" value="" id="addAlbumName" ng-model="addAlbumName">
                <input type="button" id="addNewAlbum" value="Add New Album" ng-click="addAlbum()" />
            </div>
        </div>

        <br />

        <form enctype="multipart/form-data" role="form" id="uploadForm">
            <label>Upload Image</label>
            <br />
            Browse  <input name=" file" type="file" value="" id="input" ng-model="input" />
            <br />
            <label>Album Name</label>
            <br />
<!--            <select id="albumNames" ng-model="albName" ng-options="c.name for c in userAlbums">-->
<!--                <option value="">-- Choose Album --</option>-->
<!--            </select>-->
            <div class="userAlbums" useralbums="userAlbums" albname="albName">

            </div>

            <input type="button" id="uploadImg" value="Upload" ng-click="uploadImage()" />
        </form>
        
        <div>
            <p>
                {{upladedMessage}}
            </p>
        </div>

    </div>
</div>